<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Daxone - eCommerce Bootstrap 4 Template</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/line-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/themify.css">
    <!-- othres CSS -->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/owl-carousel.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/style.css">

	<style>
        #searchbtn:hover{
            color:#999;
            transform: scale(2.0);
            cursor:pointer;
        }
    </style>
</head>

<body>
	<!-- PC端导航 -->
    <div class="main-wrapper">
        <div th:fragment="header">
            <header class="header-area transparent-bar sticky-bar">
                <div class="main-header-wrap">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-3 col-lg-3">
                                <div class="logo mt-40">
                                    <a href="index.html"><img src="/assets/images/logo/logo-1.png" alt="logo"></a>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-5">
                                <div class="main-menu menu-common-style menu-lh-1 menu-other-style">
                                    <nav>
                                        <ul>
                                            <li class="angle-shape"><a href="index.html">主页</a>
                                            </li>

                                            <li class="angle-shape"><a href="#">主题</a>
                                                <ul class="submenu">
                                                    <li><a href="/today?goodType=1">动漫周边</a></li>
                                                    <li><a href="/today?goodType=2">生活用品</a></li>
                                                    <li><a href="/today?goodType=3">手机电脑</a></li>
                                                    <li><a href="/today?goodType=4">乐器专场</a></li>
                                                    <li><a href="/today?goodType=5">金银首饰</a></li>
                                                    <li><a href="/today?goodType=6">运动健身</a></li>
                                                    <li><a href="/today?goodType=7">古玩专场</a></li>
                                                    <li><a href="/today?goodType=8">其他主题 </a></li>
                                                </ul>
                                            </li>
                                            <li class="angle-shape"><a href="#">新手帮助</a>
                                                <ul class="submenu">
                                                    <li><a href="#">授权认证</a></li>
                                                    <li><a href="#">竞拍流程</a></li>

                                                </ul>
                                            </li>
                                            <li><a href="/personCenter/my-account.html">个人中心</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="row col-xl-3 col-lg-4" style="line-height: 112px;">
                                <div class="sidebar-search-input">
                                    <form>
                                        <div class="form-search" style="line-height: 112px;">
                                            <input id="searchinput" class="input-text" th:value="${condition?.searchContext}" placeholder="搜索..." type="search" style="width: 90%;">
                                                <i class="la la-search" id="searchbtn" onclick="searchgood()"></i>
                                        </div>
                                    </form>
                                </div>
                            </div>

                        </div>
                    </div>



                    <!-- main-search start -->
                    <div class="main-search-active">
                        <div class="sidebar-search-icon">
                            <button class="search-close"><span class="la la-close"></span></button>
                        </div>
                        <div class="sidebar-search-input">
                            <form>
                                <div class="form-search">
                                    <input id="search" class="input-text" value="" placeholder="Search Now" type="search">
                                    <button>
                                        <i class="la la-search"></i>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="header-small-mobile">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-6">
                                <div class="mobile-logo">
                                    <a href="index.html">
                                        <img alt="" src="/assets/images/logo/logo-1.png">
                                    </a>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="header-right-wrap">
                                    <div class="mobile-off-canvas">
                                        <a class="mobile-aside-button" href="#"><i class="la la-navicon la-2x"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            <!-- 手机端导航 -->
            <div class="mobile-off-canvas-active">
                <a class="mobile-aside-close"><i class="la la-close"></i></a>
                <div class="header-mobile-aside-wrap">
                    <div class="mobile-search">
                        <form class="search-form" action="#">
                            <input type="text" placeholder="搜索…">
                            <button class="button-search"><i class="la la-search"></i></button>
                        </form>
                    </div>
                    <div class="mobile-menu-wrap">
                        <!-- mobile menu start -->
                        <div class="mobile-navigation">
                            <!-- mobile menu navigation start -->
                            <nav>
                                <ul class="mobile-menu">
                                    <li class="menu-item-has-children"><a href="index.html">主页</a>
                                    </li>

                                    <li class="menu-item-has-children"><a href="#">主题</a>
                                        <ul class="dropdown">
                                            <li><a href="about-us.html">动漫周边</a></li>
                                            <li><a href="cart.html">生活用品</a></li>
                                            <li><a href="checkout.html">手机电脑</a></li>
                                            <li><a href="compare.html">乐器专场</a></li>
                                            <li><a href="wishlist.html">金银首饰</a></li>
                                            <li><a href="my-account.html">运动健身</a></li>
                                            <li><a href="contact.html">古玩专场</a></li>
                                            <li><a href="login-register.html">其他主题 </a></li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children"><a href="blog.html">新手帮助</a>
                                        <ul class="dropdown">
                                            <li><a href="blog.html">授权认证</a></li>
                                            <li><a href="blog-2col.html">竞拍流程</a></li>

                                        </ul>
                                    </li>
                                    <li><a href="contact.html">个人中心</a></li>
                                </ul>
                            </nav>

                            <!-- mobile menu navigation end -->
                        </div>
                        <!-- mobile menu end -->
                    </div>
                    <div class="mobile-curr-lang-wrap">


                        <div class="single-mobile-curr-lang">
                            <a class="mobile-account-active" href="#">我的账号<i class="la la-angle-down"></i></a>
                            <div class="lang-curr-dropdown account-dropdown-active">
                                <ul>
                                    <li><a href="#">登陆</a></li>
                                    <li><a href="#">注册t</a></li>
                                    <li><a href="#">账号设置</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="mobile-social-wrap">
                        <a class="facebook" href="#"><i class="ti-facebook"></i></a>
                        <a class="twitter" href="#"><i class="ti-twitter-alt"></i></a>
                        <a class="pinterest" href="#"><i class="ti-pinterest"></i></a>
                        <a class="instagram" href="#"><i class="ti-instagram"></i></a>
                        <a class="google" href="#"><i class="ti-google"></i></a>
                    </div>
                </div>
            </div>

        </div>

		<!-- 内容 -->

		<!-- 尾部 -->
        <div th:fragment="footer">
            <footer class="footer-area">
                <div class="footer-top bg-gray pt-120 pb-85">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-12 col-sm-4 text-center">
                                <div class="footer-widget mb-30">
                                    <a href="#"><img src="/assets/images/logo/logo-1.png" alt="logo"></a>
                                    <div class="footer-social">
                                        <span>联系我们</span>
                                        <p> 四川成都市高新区孵化园 </p>
                                        <p>012 3456 789 </p>
                                        <p><a href="#">info@example.com</a></p>
                                        <ul>
                                            <li><a href="#"><i class=" ti-facebook "></i></a></li>
                                            <li><a href="#"><i class=" ti-twitter-alt "></i></a></li>
                                            <li><a href="#"><i class=" ti-pinterest "></i></a></li>
                                            <li><a href="#"><i class=" ti-vimeo-alt "></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-12 col-sm-4 text-center">
                                <div class="footer-widget mb-30 footer-mrg-hm1">
                                    <div class="footer-title">
                                        <h3>拍卖保障</h3>
                                    </div>
                                    <div class="footer-list">
                                        <ul>
                                            <li><a href="#">如实描述</a></li>
                                            <li><a href="#">成交必卖</a></li>
                                            <li><a href="#">鉴定证书</a></li>
                                            <li><a href="about-us.html">意见建议</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-12 col-sm-4 text-center">
                                <div class="footer-widget mb-30">
                                    <div class="footer-title">
                                        <h3>新手帮助</h3>
                                    </div>
                                    <div class="footer-list">
                                        <ul>
                                            <li><a href="login-register.html">竞拍流程</a></li>
                                            <li><a href="cart.html">竞拍协议</a></li>
                                            <li><a href="wishlist.html">保证金介绍</a></li>
                                            <li><a href="#">买家佣金</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom bg-gray-2 ptb-20 text-center">
                    <div class="container">
                        <div class="copyright text-center">
                            <p>Copyright © <a href="http://www.17sucai.com">Seve</a>. All Right Reserved</p>
                        </div>
                    </div>
                </div>
            </footer>
        </div>

    </div>
    <!-- JS


============================================ -->



<!-- ============================================== -->

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- Modernizer JS -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Popper JS -->
    <script src="assets/js/vendor/popper.js"></script>
    <!-- Bootstrap JS -->
    <script src="assets/js/vendor/bootstrap.min.js"></script>

    <!-- Slick Slider JS -->
    <script src="assets/js/plugins/countdown.js"></script>
    <script src="assets/js/plugins/counterup.js"></script>
    <script src="assets/js/plugins/images-loaded.js"></script>
    <script src="assets/js/plugins/isotope.js"></script>
    <script src="assets/js/plugins/instafeed.js"></script>
    <script src="assets/js/plugins/jquery-ui.js"></script>
    <script src="assets/js/plugins/jquery-ui-touch-punch.js"></script>
    <script src="assets/js/plugins/magnific-popup.js"></script>
    <script src="assets/js/plugins/owl-carousel.js"></script>
    <script src="assets/js/plugins/scrollup.js"></script>
    <script src="assets/js/plugins/waypoints.js"></script>
    <script src="assets/js/plugins/slick.js"></script>
    <script src="assets/js/plugins/wow.js"></script>
    <script src="assets/js/plugins/textillate.js"></script>
    <script src="assets/js/plugins/elevatezoom.js"></script>
    <script src="assets/js/plugins/sticky-sidebar.js"></script>
    <script src="assets/js/plugins/smoothscroll.js"></script>
    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- ============================================== -->
    <script>
        function searchgood(){
            var searchContext = $("#searchinput").val();
            window.location.href = "/goodlist?searchContext="+searchContext;
        }
    </script>
    <!-- ============================================== -->
</body>

</html>